<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="../dist/layui.css">
    <!--<link rel="stylesheet" href="../src-new/style-form.css">-->
    <style>
        body{
            padding: 20px 200px;
        }
    </style>
</head>
<body>

<form class="form-horizontal layui-form">
    <div class="form-group">
        <label for="inputEmail3" class="col-sm-2 control-label">Email</label>
        <div class="col-sm-10">
            <input type="email" class="form-control" id="inputEmail3" placeholder="Email">
        </div>
    </div>
    <div class="form-group">
        <label class="col-sm-2 control-label">Email</label>
        <div class="col-sm-10">
            <p class="form-control-static">email@example.com</p>
        </div>
    </div>
    <div class="form-group">
        <label for="inputPassword3" class="col-sm-2 control-label">Password</label>
        <div class="col-sm-10">
            <div class="input-group">
                <input type="password" class="form-control" id="inputPassword3" placeholder="Password">
                <a href="javascript:;" class="btn input-group-addon">.00</a>
            </div>
        </div>
    </div>
    <div class="form-group">
        <label for="inputPassword3" class="col-sm-2 control-label">Password</label>
        <div class="col-sm-10">
            <select class="form-control">
                <option>1</option>
                <option>2</option>
                <option>3</option>
                <option>4</option>
                <option>5</option>
            </select>
        </div>
    </div>
    <div class="form-group">
        <label for="inputPassword3" class="col-sm-2 control-label">Password</label>
        <div class="col-sm-10">
            <div class="input-group">
                <select name="quiz" lay-filter="quiz">
                    <option value="">请选择问题</option>
                    <optgroup label="城市记忆">
                        <option value="0">你工作的第一个城市</option>
                    </optgroup>
                    <optgroup label="学生时代">
                        <option value="1" disabled="">你的工号</option>
                        <option value="2">你最喜欢的老师</option>
                    </optgroup>
                    <optgroup label="城市记忆">
                        <option value="0">你工作的第一个城市</option>
                    </optgroup>
                    <optgroup label="学生时代">
                        <option value="1" disabled="">你的工号</option>
                        <option value="2">你最喜欢的老师</option>
                    </optgroup>
                    <optgroup label="城市记忆">
                        <option value="0">你工作的第一个城市</option>
                    </optgroup>
                    <optgroup label="学生时代">
                        <option value="1" disabled="">你的工号</option>
                        <option value="2">你最喜欢的老师</option>
                    </optgroup>
                </select>
                <a href="javascript:;" class="btn input-group-addon">.00</a>
            </div>
        </div>
    </div>

    <div class="form-group">
        <div class="offset-sm-2 col-sm-10">
            <input type="checkbox" lay-skin="primary" title="Remember me">
        </div>
    </div>
    <div class="form-group">
        <div class="offset-sm-2 col-sm-10">
            <button type="submit" class="btn btn-primary">Sign in</button>
        </div>
    </div>
</form>

<script src="../src/layui.js"></script>
<script>
    layui.use(['jquery', 'form'], function($, form){

    });
</script>
</body>
</html>